<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="../css/bootstrap.min.css" rel="stylesheet" />
	</head>
	<body>
		<div class="container" id="container">
		<div class="row">
			<div class="col-xs-1"><img src="../imgg/1.jpg" width="32" height="30"></div>
			<div class="col-xs-1 col-xs-push-8"><img src="../imgg/2.jpg" width="32" height="30"></div>
		</div>
		</div>
		<ul class="list-group">
			<li class="list-group-item"><img src="../imgg/3.jpg" width="32" height="30"><span><strong style="font-size: 20px">任务3-进击的魔群</strong></span>
				<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;闭包扥使用原理
			<span class="badge">1</span>
			</li>
			<li class="list-group-item"><img src="../imgg/4.jpg" width="32" height="30"><span><strong style="font-size: 20px">群通知</strong></span>
				<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;闭包扥使用原理
				<span class="badge">1</span>
			</li>
			<li class="list-group-item"><img src="../imgg/5.jpg" width="32" height="30"><span><strong style="font-size: 20px">前端开发群3</strong></span>
				<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;闭包扥使用原理
				<span class="badge">99+</span>
			</li>
			<li class="list-group-item"><img src="../imgg/6.jpg" width="32" height="30"><span><strong style="font-size: 20px">群消息</strong></span>
				<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;闭包扥使用原理
				<span class="badge">4</span>
			</li>
			<li class="list-group-item"><img src="../imgg/7.jpg" width="32" height="30"><span><strong style="font-size: 20px">QQ购物车</strong></span>
				<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;闭包扥使用原理
				<span class="badge">2</span>
			</li>
			<li class="list-group-item"><img src="../imgg/7.jpg" width="32" height="30"><span><strong style="font-size: 20px">群通知</strong></span>
				<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;闭包扥使用原理
				<span class="badge">3</span>
			</li>
			<li class="list-group-item"><img src="../imgg/5.jpg" width="32" height="30"><span><strong style="font-size: 20px">前端开发群4</strong></span>
				<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;闭包扥使用原理
				<span class="badge">99+</span>
			</li>
			<li class="list-group-item"><img src="../imgg/6.jpg" width="32" height="30"><span><strong style="font-size: 20px">我的关联账号</strong></span>
				<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;闭包扥使用原理
				<span class="badge">1</span>
			</li>
		</ul>
		<div class="container">
			<nav class="navbar navbar-default navbar-fixed-bottom" style="opacity:0.7;">
				<div class="row">
				<div class="col-xs-3 col-xs-push-3"><span class="glyphicon glyphicon-envelope" style="margin-left: 5px"></span><br>消息</div>
					<div class="col-xs-3 col-xs-push-3"><span class="glyphicon glyphicon-user" style="margin-left: 5px"></span><br>联系人</div>
					<div class="col-xs-3 col-xs-push-3"><span class="glyphicon glyphicon-star" style="margin-left: 5px"></span><br>动态</div>
				</div>

			</nav>
		</div>
		<script src="../js/jquery-1.12.4.js"></script>
		<script src="../js/bootstrap.js"></script>
	</body>
</html>
